<template>
  <a-skeleton
    :active="active"
    :avatar="avatar"
    :loading="loading"
    :paragraph="paragraph"
    :title="title"
  >
    <slot />
  </a-skeleton>
</template>

<script>
import { defineComponent } from 'vue'
import { Skeleton } from 'ant-design-vue'
export default defineComponent({
  name: 'ZSkeleton',
  components: {
    ASkeleton: Skeleton
  },
  props: {
    active: {
      type: Boolean,
      default: false
    },
    avatar: {
      type: Boolean,
      default: false
    },
    loading: {
      type: Boolean,
      default: undefined
    },
    paragraph: {
      type: Boolean,
      default: true
    },
    title: {
      type: Boolean,
      default: true
    }
  }
})
</script>
